<template>
	<view class="content">
		<view class="info-item" @click="navigate('/page_other/union/government')">
			<view class="title FangZhengHanZhenGuangBiaoJianTi">政府</view>
			<view class="txt">人社、教育、工信</view>
		</view>
		<view class="info-item1" @click="navigate('/page_other/union/school?name=学校详情&type=1')">
			<view class="title FangZhengHanZhenGuangBiaoJianTi">学校</view>
			<view class="txt">工贸中专、酒泉职业技术学院</view>
		</view>
		<view class="info-item2" @click="navigate('/page_other/enterprise/index')">
			<view class="title FangZhengHanZhenGuangBiaoJianTi">企业</view>
			<view class="txt">企业列表、岗位信息</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			navigate(url) {
				uni.navigateTo({
					url
				})
			},
		},
		onLoad() {}
	}
</script>

<style lang="scss" scoped>
	.content {
		width: 100%;
		padding: 30rpx;

		.info-item {
			height: 240rpx;
			background: url('https://job-1306862033.cos.ap-chengdu.myqcloud.com/miniprogram-static/union/政府.png') no-repeat center;
			background-size: 100% 100%;
			padding: 30rpx 30rpx 30rpx 50rpx;
			display: flex;
			flex-direction: column;
			justify-content: center;
			margin-bottom: 30rpx;

			.title {
				color: #fff;
				font-size: 40rpx;
				margin-bottom: 30rpx;
			}

			.txt {
				color: #fff;
				font-size: 30rpx;
			}
		}

		.info-item1 {
			height: 240rpx;
			background: url('https://job-1306862033.cos.ap-chengdu.myqcloud.com/miniprogram-static/union/学校.png') no-repeat center;
			background-size: 100% 100%;
			padding: 30rpx 30rpx 30rpx 50rpx;
			display: flex;
			flex-direction: column;
			justify-content: center;
			margin-bottom: 30rpx;

			.title {
				color: #fff;
				font-size: 40rpx;
				margin-bottom: 30rpx;
			}

			.txt {
				color: #fff;
				font-size: 30rpx;
			}
		}

		.info-item2 {
			height: 240rpx;
			background: url('https://job-1306862033.cos.ap-chengdu.myqcloud.com/miniprogram-static/union/企业.png') no-repeat center;
			background-size: 100% 100%;
			padding: 30rpx 30rpx 30rpx 50rpx;
			display: flex;
			flex-direction: column;
			justify-content: center;


			.title {
				color: #fff;
				font-size: 40rpx;
				margin-bottom: 30rpx;
			}

			.txt {
				color: #fff;
				font-size: 30rpx;
			}
		}
	}
</style>